@charset "utf-8";
/* by Sean Lu 20181110 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #e51d37; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-button:vertical { display: none; }
::-webkit-scrollbar-track:vertical { background-color: black; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb:vertical { background-color: #c2c2c2; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #A0A0A0; }
::-webkit-scrollbar-corner:vertical { background-color: #535353; }
::-webkit-scrollbar-resizer:vertical { background-color: #FF6E00; }

/* 拖选文字样式 20160628 */
::selection { background: #e51d37; color: #fff; }
::-moz-selection { background: #e51d37; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }

.topbar { height: 45px; line-height: 45px; background: #294255; color: #fff; font-size: 12px; }
.topbar .wrapper { overflow: hidden; }
.topbar .tip { float: left; }
.topbar .links { float: right; }
.topbar .links a { color: #fff; }
.topbar .links .split { margin: 0 10px; }
.topbar .links .lang { float: right; margin-left: 20px; }
.topbar .links .lang a { display: inline-block; background: url(../img/lang01.jpg) no-repeat left center; padding-left: 26px; margin-left: 10px; text-transform: uppercase; }
.topbar .links .lang a:nth-child(2) { background-image: url(../img/lang02.jpg); }


.header { height: 100px; }
.header .wrapper { height: 100%; overflow: hidden; position: relative; }
.header .logo { height: 100%; float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; padding-right: 20px; margin-right: 20px; position: relative; }
.header .slogan { float: left; font-size: 17px; color: #777; font-weight: bold;padding-top: 27px; }
.header .slogan span { display: block; font-size: 14px; font-weight: normal; }
.header .tel { float: right; text-align: right; color: #666; padding-top: 27px; }
.header .tel .icon { display: inline-block; padding-left: 34px; background: url(../img/telicon.png) no-repeat left center; background-size: 27px auto; font-size: 13px; }
.header .tel .num { display: block; font-size: 17px; font-weight: bold; font-family: Verdana; margin-top: 4px; }


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 620px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #e51d37; }


.nav { background: url(../img/menubgw.jpg) repeat-x center top; height: 50px; }
.nav .wrapper { overflow: hidden; }
.nav .ncon { float: right; padding-left: 26px; background: url(../img/gfh.png) no-repeat left center; background-size: 19px auto; font-size: 14px; font-weight: bold; color: #333; line-height: 50px; text-decoration: none; }
.nav .ncon:hover { color: #e51d37; }
.nav .nul { float: left; width:80%; }
.nav .nul .nli { float: left; font-size: 14px; font-weight: bold; line-height: 50px; width:13.6%; }
.nav .nul .nli .na { color: #333; text-decoration: none; }
.nav .nul .nli .na:hover { color: #e51d37; }


.homebox01 { padding: 70px; }
.homebox01 .tit { text-align: center; color: #666; margin-bottom: 40px; }
.homebox01 .tit .cn { font-size: 18px; font-weight: bold; }
.homebox01 .tit .en { font-size: 12px; line-height: 40px; }
.homebox01 .list { overflow: hidden; }
.homebox01 .list .item { width: 31.333333%; float: left; margin-right: 3%; margin-bottom: 40px; }
.homebox01 .list .item:nth-child(3n) { margin-right: 0; }
.homebox01 .list .item .icon { float: left; }
.homebox01 .list .item .info { margin-left: 90px; }
.homebox01 .list .item .info .name { font-size: 14px; color: #666; font-weight: bold; margin-bottom: 10px; }
.homebox01 .list .item .info .text { font-size: 12px; color: #666; line-height: 18px; }

.homebox02 { height: 480px; background: url(../img/homebox02bg.jpg) no-repeat center; position: relative; }
.homebox02 .conbox { position: absolute; left: 50%; right: 0; top: 0; bottom: 0; background: url(../img/homebox02bg2.png) repeat center; padding: 110px 0 0 100px; color: #fff; }
.homebox02 .conbox .tit { font-size: 20px; margin-bottom: 20px; }
.homebox02 .conbox .txt { font-size: 14px; line-height: 24px; margin-bottom: 40px; }
.homebox02 .conbox .btn {  }
.homebox02 .conbox .btn a { display: inline-block; line-height: 40px; border: 1px solid #fff; color: #fff; font-size: 14px; padding: 0 20px 0 50px; border-radius: 20px; background: url(../img/btnicon.png) no-repeat 20px center; text-decoration: none; }
.homebox02 .conbox .btn a:hover { opacity: .8; }

.homebox03 { background: #e8f1f9; padding: 60px 0; }
.homebox03 .tit { text-align: center; margin-bottom: 30px; }
.homebox03 .tit .cn { color: #434d5b; font-size: 22px; font-weight: bold; margin-bottom: 20px; }
.homebox03 .tit .en { color: #666; font-size: 14px; line-height: 22px; }
.homebox03 .hb03ul { text-align: center; margin-bottom: 50px; height:45px; overflow:hidden; }
.homebox03 .hb03ul a { display: inline-block; padding: 0 20px; margin: 0 2px; margin-bottom:5px; background: #fff; border: 1px solid #ccc; font-size: 14px; color: #666; line-height: 40px; text-decoration: none; }
.homebox03 .hb03ul a:nth-child(1) { background: #ff2020; color: #fff; }
.homebox03 .hb03ul a:hover { background: #ff2020; color: #fff; }

.homebox04 { background: #425563 url(../img/homebox04bg.jpg) no-repeat center; color: #fff; padding: 100px 0; }
.homebox04 .tit { text-align: center; margin-bottom: 50px; }
.homebox04 .tit .cn { font-size: 20px; margin-bottom: 10px; font-weight: bold; }
.homebox04 .tit .en { font-size: 14px; line-height: 22px; }
.homebox04 .list { overflow: hidden; }
.homebox04 .list .item { width: 29.3%; margin: 0 2%; box-sizing: border-box; padding-left: 60px; font-size: 14px; line-height: 22px; float: left; background: url(../img/hb04icon01.png) no-repeat 10px center; }
.homebox04 .list .item strong { display: block; }
.homebox04 .list .item:nth-child(1) { background-image: url(../img/hb04icon01.png); }
.homebox04 .list .item:nth-child(2) { background-image: url(../img/hb04icon05.png); }
.homebox04 .list .item:nth-child(3) { background-image: url(../img/hb04icon06.png); }
.homebox04 .list .item:nth-child(4) { background-image: url(../img/hb04icon04.png); }

.homebox05 { padding: 60px 0; }
.homebox05 .tit { text-align: center; color: #666; margin-bottom: 40px; }
.homebox05 .tit .cn { font-size: 22px; margin-bottom: 30px; }
.homebox05 .tit .en { font-size: 14px; line-height: 22px; margin-bottom: 10px; }
.homebox05 .tit .btn {  }
.homebox05 .tit .btn a { display: inline-block; line-height: 40px; height: 40px; padding: 0 30px; font-size: 14px; color: #fff; background: #ff5a20; text-decoration: none; }
.homebox05 .tit .btn a:hover { opacity: .8; }
.homebox05 .list { overflow: hidden; }
.homebox05 .list .item { float: left; width: 12.5%; text-align: center; }
.homebox05 .list .item img {  }
.homebox05 .list .item span { display: block; font-size: 14px; color: #666; line-height: 40px; }

.homebox06 { padding: 60px 0; background: #f5f6f8; }
.homebox06 .tit { text-align: center; margin-bottom: 60px; }
.homebox06 .tit .cn { font-size: 22px; margin-bottom: 20px; color: #434d5b; }
.homebox06 .tit .en { font-size: 14px; line-height: 22px; color: #434d5b; }
.homebox06 .list { overflow: hidden; }
.homebox06 .list .item { width: 31.3333333%; float: left; margin: 0 1%; background: #fff; }
.homebox06 .list .item .img {  }
.homebox06 .list .item .img a { display: block; }
.homebox06 .list .item .img img { display: block; width: 100%; }
.homebox06 .list .item .info { padding: 40px; }
.homebox06 .list .item .info .name { margin-bottom: 10px; }
.homebox06 .list .item .info .name a { font-size: 18px; }
.homebox06 .list .item .info .text { font-size: 12px; color: #666; line-height: 18px; height: 54px; overflow: hidden; margin-bottom: 20px; }
.homebox06 .list .item .info .link a { font-size: 12px; color: #ff5a20; }


.homebox07 { padding: 60px 0; }
.homebox07 .tit { text-align: center; margin-bottom: 40px; }
.homebox07 .tit .cn { font-size: 24px; color: #434d5b; }
.homebox07 .hb07ul { text-align: center; margin-bottom: 40px; }
.homebox07 .hb07ul a { display: inline-block; padding: 0 15px; line-height: 30px; border: 1px solid #eee; color: #434d5b; font-size: 14px; margin: 0 2px; text-decoration: none; }
.homebox07 .hb07ul a:nth-child(1) { color: #ff2020; font-weight: bold; }
.homebox07 .hb07ul a:hover { color: #fff; background: #ff2020; border-color: #ff5a20; }
.homebox07 .hnewstou { width: 570px; float: left; background: #fff; }
.homebox07 .hnewstou .img {  }
.homebox07 .hnewstou .img a { display: block; }
.homebox07 .hnewstou .img img { display: block; width: 100%; }
.homebox07 .hnewstou .info { padding: 40px 60px; border: 1px solid #eee; }
.homebox07 .hnewstou .info .name { line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.homebox07 .hnewstou .info .name a { color: #111; font-size: 20px; text-decoration: none; }
.homebox07 .hnewstou .info .name a:hover { color: #ff5a20; }
.homebox07 .hnewstou .info .text { color: #777; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 20px; }
.homebox07 .hnewstou .info .link { overflow: hidden; font-size: 12px; }
.homebox07 .hnewstou .info .link .time { float: right; color: #999; }
.homebox07 .hnewstou .info .link a { color: #ff2020; }
.homebox07 .list { margin-left: 630px; }
.homebox07 .list .item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.homebox07 .list .item .name { line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.homebox07 .list .item .name a { color: #222; font-size: 20px; text-decoration: none; }
.homebox07 .list .item .name a:hover { color: #ff5a20; }
.homebox07 .list .item .text { color: #777; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 20px; }
.homebox07 .list .item .link { overflow: hidden; }
.homebox07 .list .item .link .time { font-size: 12px; color: #999; float: right; }
.homebox07 .list .item .link a { font-size: 12px; color: #ff2020; }

.footer { padding: 60px 0; background: #232f3e; color: #ddd; }
.footer .footbar { font-size: 12px; overflow: hidden; margin-bottom: 50px; border-bottom:1px solid #3a4553; }
.footer .footbar a { color: #ddd; }
.footer .footbar .links { float: left; }
.footer .footbar .links a { margin-right: 10px; }
.footer .footbar .more { float: right; width:25%; text-align:right; }
.footer .footbar .more img{ width:100%; max-width:150px; margin-top:10px;}
.footer .footbar .more a { padding-left: 20px; margin-left: 10px; background: url(../img/footicon01.gif) no-repeat left center; }
.footer .footbar .more a:nth-child(1) { background-image: url(../img/footicon01.gif); }
.footer .footbar .more a:nth-child(2) { background-image: url(../img/footicon02.gif); }
.footer .footbar .more a:nth-child(3) { background-image: url(../img/footicon03.gif); }

.footer .dllist { overflow: hidden; padding-bottom: 40px; margin-bottom: 30px; width:75%;}
.footer .dllist dl { float: left; width: 20%; }
.footer .dllist dl:nth-child(2){ width:34%;}
.footer .dllist dl dt { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
.footer .dllist dl dt a { color: #fff; }
.footer .dllist dl dd { line-height: 24px; font-size: 14px; }
.footer .dllist dl dd a { color: #ddd; }
.footer .beian { text-align: center; }
.footer .beian a { display: inline-block; line-height: 30px; height: 30px; border: 1px solid #848688; color: #ddd; padding: 0 20px 0 50px; background: url(../img/beian.png) no-repeat 20px center; font-size: 14px; background-size: 20px auto; border-radius: 6px; }

.foot { text-align: center; font-size: 14px; line-height: 24px; color: #999; padding: 30px 0 30px; background: #131a22; }
.foot strong { color: #ddd; font-weight: normal; }


.inbanner { margin-bottom: 30px; }
.inbanner .swiper-slide { height: 220px; }

.side { width: 266px; float: left; }
.sidenav { background: #124e8f; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; padding: 0 20px 0 50px; background: url(../img/iconlogo.png) no-repeat 16px center; background-size: auto 20px; }
.sidenav .hd strong { font-weight: normal; }
.sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.sidenav .snul {  }
.sidenav .snul .snli { margin-bottom: 2px; line-height: 20px; }
.sidenav .snul .snli .sna { padding: 10px 20px; color: #666; font-size: 14px;  display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../img/ck.gif) no-repeat -16px center; background-size: 16px 14px; }

.sidenav .snul .snli .sna:before{ content:"- ";}

.sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #124e8f; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow: 0 5px 10px rgba(18,78,143,.4); padding-left: 20px; }

.sidebox { background: #dedede; overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
.sidebox .hd { line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #333; }
.sidebox .bd { margin: 0 6px 6px; padding: 20px; background: #fff; border-radius: 0 0 6px 6px; position: relative; }
.sidebox .bd .sbcon { font-size: 14px; line-height: 24px; color: #666; }

.main { float:right; width:900px;}
.main .hd { background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.main .hd .name { position: relative; float: left; color: #005abc; font-size: 20px; font-weight: bold; }
.main .hd .name:before { content: ''; display: block; width: 4px; height: 20px; background: #005abc; position: absolute; left: -20px; top: 15px; }
.main .hd .now { float: right; font-size: 12px; color: #999; }
.main .hd .now a { color: #999; }
.main .hd .now .split { margin: 0 4px; font-family: simsun; }
.main .bd { padding: 20px; font-size: 16px; color: #333; line-height: 30px; }
.main .bd p { margin-bottom: 20px; }
.main .bd img { max-width: 100%; }

.history { }
.history li { border-left: 2px solid #e51d37; padding: 20px 0 20px 20px; position: relative; }
.history li strong { font-size: 24px; font-family: arial; color: #e51d37; margin-right: 20px; position: relative; }
.history li strong:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #e51d37; position: absolute; left: -24px; top: 12px; }
.history li strong:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid #e51d37; position: absolute; left: -27px; top: 9px; }

.newslist { }
.newslist .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; overflow: hidden; }
.newslist .item .time { float: left; text-align: right; width: 90px; line-height: 24px; font-family: arial; margin-top: 6px; color: #999; }
.newslist .item .time .day { font-size: 30px; }
.newslist .item .time .year { font-size: 14px; }
.newslist .item .img { float: right; margin-left: 20px; }
.newslist .item .img img { height: 80px; display: block; }
.newslist .item .info { margin-left: 0px; }
.newslist .item h3 { font-weight: normal; margin-bottom: 10px; height: 30px; overflow: hidden; }
.newslist .item h3 a { color: #39424b; font-size: 22px; text-decoration: none; }
.newslist .item h3 a:hover { color: #e51d37; }
.newslist .item .txt { font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden; }


.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.productlist { }
.productlist li { width: 31.3333333%; margin: 0 1% 20px; box-sizing:border-box; border: 1px solid #dedede; padding: 10px; -webkit-transition: all .2s; transition: all .2s; float: left; }
.productlist li:hover { -webkit-transform: scale(1.1); transform: scale(1.1); border: 1px solid #e51d37; }
.productlist li .img {  }
.productlist li .name { line-height: 24px; font-size: 14px; }

.honor { overflow: hidden; }
.honor li { width: 23%; margin: 0 1% 20px; float: left; box-sizing: border-box; }
.honor li a { display: block; border: 1px solid #dedede; padding: 10px; font-size: 14px; text-align: center; }
.honor li a:hover { border: 1px solid #e51d37; }
.honor li img { display: block; width: 100%; margin-bottom: 10px; }
.honor li span { display: block; line-height: 30px; height: 30px; overflow: hidden; }

.ke-zeroborder{ background:#666;}
.ke-zeroborder tr:first-child td{ background:#124f8f; padding:10px 0; color:#fff;}
.ke-zeroborder td{ background:#fff; text-align:center; padding:5px 0;}


@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	

}


@media (max-width: 800px){
	
	.bannerslide .swiper-slide { height: 200px; }
	
	.topbar{ height:10px;}
	.topbar .tip { display: none; }
	.topbar .links .la, .topbar .links .split, .header .slogan, .header .tel, .header .logo:after { display: none; }
	
	.header .logo { margin-right: 0; padding-right: 0; width: 100%; float: none; }
	.nav { height: auto; background-repeat: repeat; }
	
	.nav .wrapper { padding: 0; }
	.nav .ncon { display: none; }
	.nav .nul{ width:100%;}
	.nav .nul .nli { margin: 0; width:20%; text-align: center; }
	.nav .nul .nli:nth-child(1) { display: none; }
	
	.homebox01 { padding: 20px 0; }
	.homebox01 .tit .en { line-height: 20px; margin: 10px 0; }
	.homebox01 .list .item { width: 100%; margin: 0 0 20px; }
	
	.homebox02 { height: auto; background-size: auto 200px; background-position: center top; }
	.homebox02 .wrapper { padding: 200px 0 0; }
	.homebox02 .conbox { position: relative; top: auto; right: auto; left: auto; bottom: auto; padding: 20px 30px; }
	
	.homebox03 { padding: 40px 0 0; }
	.homebox03 .tit .en br { display: none; }
	.homebox03 .hb03ul a { margin-bottom: 4px; }
	
	.homebox04 { padding: 50px 0 20px; }
	.homebox04 .tit .en br { display: none; }
	.homebox04 .list .item { width: 100%; margin: 0 0 20px; }
	
	.homebox05 { padding: 50px 0; }
	.homebox05 .list .item { width: 50%; }
	
	.homebox06 .tit .en br { display: none; }
	.homebox06 .tit { margin-bottom: 30px; }
	.homebox06 .list .item { width: 100%; }
	
	.homebox07 .hnewstou { width: 100%; float: none; margin-bottom: 20px; }
	.homebox07 .hnewstou .info { padding: 20px; }
	.homebox07 .list { margin-left: 0; }
	
	.footer { display: none; }
	
	.sidebox { display: none; }
	.side { float: none; width: 100%; }
	.sidenav .snul { overflow: hidden; }
	.sidenav .snul .snli { float: left; width: 49%; margin: 0 .5% 2px; }
	
	.main { width: 100%; float: none; }
	.main .hd .now { display: none; }
	.main .bd { padding: 10px 0; }
	
	.newslist .item .time { display: none; }
	.newslist .item .info { margin-left: 0; }
	
	.productlist li { width: 48%; }
	.honor li { width: 48%; }
	.honor li img { height: 230px; }
	.sidenav .snul .snli .sna { font-size: 12px; }
	.productlist li .name { height: 48px; overflow: hidden; }
	.homebox03 .hb03ul{ height:92px;}
	
	.foot{ font-size:13px;}
	
	
}
 
 
 
 
 